<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
    /* 
       background-repeat: no-repeat;
    position:fixed;
   
    
    min-width: 1000px;
    z-index:-10;
    zoom: 1;
     background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    */
#beij {
    background-image: url(../imagse/47f71d4.jpg);
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    background-size: cover;
    position: absolute;
}
#neir {
    width: 374.5px;
    height: 532px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 6%;
    background-image: url(../imagse/8456447h9p0.jpg);
    opacity: 0.5;
    z-index: 1;
    left: 36%;
    border: 1.25px solid rgba(245,245,245,0.78);
}
#nro {
    width: 374.5px;
    height: 532px;
    top: 6%;
    position: absolute;
    z-index: 2;
    left: 36%;
    text-align: center;
}
#button   {
    width: 62px;
    height: 27px;
}
#acc {
    width: 160px;
    height: 21px;
}
.norm {
    width: 235px;
    height: 21px;
    margin: auto;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}
.input_box {
    width: 160px;
    height: 21px;
    float: left;
}
.code {
    width: 160px;
    height: 21px;
}
#email {
    width: 160px;
    height: 21px;
}
h3 { 
    margin-top: 45px;
}
#qianm {
    width: 160px;
    height: 42px;
}
#sex {
}
#xingq {
    margin-top: 12.5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 12.5px;
    width: 288px;
    height: 42px;
}
#xingq tr td {
    width: 72px;
    height: 21px
}
.div_word {
    width: 75px;
    height: 21px;
    float: left;
}
#anniu {
    width: 62px;
    height: 27px;
    position: absolute;
    bottom: 35px;
    left: 156px;
}
</style>
</head>

<body>
    <div id="beij">
        <div id="neir"></div>
        <!--neir盒子是图片 nro覆盖到neir盒子上，neir充当背景。-->
        <div id="nro">
            <form action="enroll_up.php" method="post">
                <div>
                <h3>账户注册</h3>
                </div>
                <div class="norm">
                   
                    <div class="div_word"> 
                        <sup style="color:red">*</sup>用户名：</div>
                    <div class="input_box">
                        <input name="acc" type="text" required="required" id="acc" placeholder="手机号/QQ" size="20" maxlength="16">
                    </div>
                </div>
                <div class="norm">
                    <div class="div_word"
                         ><sup style="color:red">*</sup>密&nbsp;&nbsp;&nbsp;&nbsp;码：</div>
                    <div class="input_box">
                        <input name="code" type="password" required="required" class="code" size="20" maxlength="16">
                    </div>
                </div>
                <div class="norm" style="width: 265px;">
                    <div class="div_word" style="width: 90px;">
                        <sup style="color:red">*</sup>确认密码：</div>
                    <div class="input_box">
                        <input name="codes" type="password" required="required" class="code" size="20" maxlength="16">
                    </div>
                </div>
                <div class="norm" style="height: 42px">
                    <div class="div_word">签&nbsp;&nbsp;&nbsp;&nbsp;名：</div>
                    <div class="input_box">
                        <textarea name="qianm" maxlength="160" id="qianm" placeholder="最多输入160字符"></textarea>
                    </div>
                </div>
                <div class="norm">
                    <table id="sex">
                            <tr>
                                <td class="div_word">性&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
                                <td width="80"><label>
                                    <input type="radio" name="RadioGroup1" value="男">
                                男</label></td>
                                <td width="80"><label>
                                    <input type="radio" name="RadioGroup1" value="女">
                                    女</label></td>
                            </tr>
                    </table>
                </div>
                <div id="xingq">
                    <table >
                            <tr>
                                <td rowspan="2" style="height: 42px">兴&nbsp;&nbsp;&nbsp;&nbsp;趣:</td>
                                <td><label>
                                    <input type="checkbox" name="interest[]" value="动漫" id="interest_0">
                                    动漫</label></td>

                                <td><label>
                                    <input type="checkbox" name="interest[]" value="美食" id="interest_1">
                                    美食</label></td>

                                <td><label>
                                    <input type="checkbox" name="interest[]" value="音乐" id="interest_2">
                                    音乐</label></td>
                            </tr>
                            <tr>
                                <td><label>
                                    <input type="checkbox" name="interest[]" value="娱乐" id="interest_3">
                                    娱乐</label></td>

                                <td><label>
                                    <input type="checkbox" name="interest[]" value="绘画" id="interest_4">
                                    绘画</label></td>

                                <td><label>
                                    <input type="checkbox" name="interest[]" value="电影" id="interest_5">
                                    电影</label></td>
                            </tr>
                    </table>
                </div>
                <div id="anniu">
                    <input name="ann" type="submit" id="ann" value="注&nbsp;册">
                </div>
            </form>
        </div>
    </div>
   
</body>
</html>
